<template>
  <div class="container-fluid">
    <div class="firstline row">
      <!-- <ul> -->
      <function-item v-for='(item,index) in items'
                     :key="index"
                     :data="item"
                     class="theItem col-md-3 col-sm-3 col-3"></function-item>
      <!-- </ul> -->
    </div>
  </div>
</template>
<script>
import FunctionItem from '@/components/Property/FunctionItem'
export default {
  name: 'FunctionFirstline',
  data () {
    return {
      items: [
        {
          index: 1,
          icon: '#icon-me-nav-serve-pay-live-copy',
          text: '生活缴费',
          path: 'LifePay'
        },
        {
          index: 2,
          icon: '#icon-wenjuantiaocha1-copy',
          text: '问卷调查',
          path: 'QuestionNaire'
        },
        {
          index: 3,
          icon: '#icon-baoxiu-copy',
          text: '报修报失',
          path: 'Repair'
        },
        {
          index: 4,
          icon: '#icon-fangketonghang1-copy-copy-copy',
          text: '访客通行',
          path: 'Visitors'
        }
      ]
    }
  },
  methods: {},
  components: {
    FunctionItem
  }
}
</script>
